<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息管理</title>
    <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.3/build/pure-min.css">
    <style>
        .center {
            width: 70%;
            height: 70%;
            overflow: auto;
            margin: auto;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
        }
        .space{
            margin-bottom: 30px;
        }
    </style>
</head>
<body>
    <div class="center">
        <div class="space">
            <a class="pure-button" href="/api/get-template">获取表格模板</a>
        </div>
        <div class="space">
            <form class="pure-form" method="get" action="/api/export-mock-data">
                <fieldset>
                    <input name="rows" placeholder="输入数据行数">
                    <button type="submit" class="pure-button pure-button-primary">获取Mock数据</button>
                </fieldset>
            </form>
        </div>
        <div class="space">
            <form class="pure-form" method="post" action="/api/update-data" enctype="multipart/form-data">
                <fieldset>
                    <input type="file" name="file">
                    <label for="option-two" class="pure-radio">
                        <input id="option-two" type="radio" name="miscDataAutoInsert" value="true" checked>
                        初始化模式
                    </label>
                    <label for="option-three" class="pure-radio">
                        <input id="option-three" type="radio" name="miscDataAutoInsert" value="false">
                        更新模式
                    </label>
                    <button type="submit" class="pure-button pure-button-primary">添加数据</button>
                </fieldset>
            </form>
        </div>
        <div class="space">
            <a class="pure-button" href="/api/export-data">导出数据</a>
        </div>
    </div>
</body>
</html>